<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>学生请假系统</title>
	<style>
	
		*{
			margin:0;
			padding:0;
		}
		.bod{
			background:url(http://dxyqsblz.hbu.cn/images/login/images/login_bg.png) no-repeat;
			background-size:100%;	
		}
		.bod_main{
			width:1000px;
			height:500px;
			margin:100px auto;
		}
		.titl{
			font-size: 36px;
			color: #fff;
			font-weight: bold;
			padding:100px;
			width:250px;
		}
	
		.main{
			/*background-color:red;*/
			height:200px;
			margin:10px auto;
			display:flex;
			justify-content:space-around;
		}
		.main input{
			width:200px;
			height:50px;
			border-bottom: 1px solid rgb(221, 221, 221);
		}
		.main input:hover{
			cursor:pointer;
		}
		.stud{
			text-align:center;
			width:300px;
			height:200px;
			line-height:50px;
			background-color:#FFFF00;
		}
		.zq{
			font-size:20px;
		}
		.teac{
			text-align:center;
			width:300px;
			height:200px;
			line-height:50px;
			background-color:#FFFF00;
		}
	</style>
</head>
<body class="bod">
	<div class="bod_main">
		<p class="titl">学生请假系统</p>
		<div class="main">
			<div class="stud">
				<h4 class="zq">学生专区</h4>
				<a href="login_student.jsp"><input type="button" value="学生登录" /></a>
				<a href="register_student.jsp"><input type="button" value="学生注册" /></a>
			</div>
			<div class="teac">
				<h4 class="zq">教师专区</h4>
				<a href="login_teacher.jsp"><input type="button" value="教师登录" /></a><br />
				<a href="register_teacher.jsp"><input type="button" value="教师注册" /></a>
			</div>
		</div>
	</div>
</body>
</html>